<template>
    <div class="container">
        <ProcessRule></ProcessRule>
        <TokenRule></TokenRule>
        <StateRule></StateRule>
    </div>
</template>

<script lang="ts" setup>
import ProcessRule from '@/components/rule/process-rule.vue';
import StateRule from '@/components/rule/state-rule.vue';
import TokenRule from '@/components/rule/token-rule.vue';
</script>

<style scoped>
.container {
    display: flex;
    width: 100%;
    height: 100%;
    padding: 1vh 1vw 0 1vw;
    flex-direction: column;
    overflow: auto;
}

.container>* {
    flex-grow: none;
    margin: 1vh 0;
}
</style>